<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>add CardPwd</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

</head>
<body class="container">
<div width="80%">
    <form th:action="@{/add}" method="post" class="form-horizontal" >
        <div class="form-group">
            <label class="col-sm-2 control-label"> 用户名</label>
           <div class="col-sm-10">
              <input class="form-control" type="text" name="username" id="username" placeholder="xiaoMing">
           </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label"> 卡密</label>
            <div class="col-sm-10">
                <input class="form-control" type="password" name="password" id="password" placeholder="CardFFF">
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label"> 邮箱</label>
            <div class="col-sm-10">
               <input class="form-control" type="email" name="email" id="email" placeholder="email">
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <input type="submit" value="Submit" class="btn btn-info" />
                &nbsp; &nbsp; &nbsp;
                <a href="/index" th:href="@{/index}" class="btn btn-info">Back</a>
            </div>
        </div>
    </form>
</div>
</body>
</html>